<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/public.css" rel="stylesheet" />
    <link href="css/index.css" rel="stylesheet" />

</head>
<body>

<ul id="pro-list">


</ul>

<script>
//样式重置表

    var listData = JSON.parse(window.localStorage.getItem("pro-history"));
    var oList =document.getElementById("pro-list");

    var str = "";
    for(var i=0;i<listData.length;i++){
        str+='<li class="pro-item" >' +
                '<p>'+listData[i].pname+'</p>' +
                '<p>价格：'+listData[i].price+'</p>' +
                '<img width="100" height="100" src="'+listData[i].imgUrl+'">' +
            '</li>'
    }

    oList.innerHTML = str;







</script>
</body>
</html>